import styled from "styled-components";

export const VCodeContainer = styled.div`
  width: 170px;
  height: inherit;
  max-height: 38px;
  border: 1px solid #d0d0d0;
  float: right;
  margin-right: 25px;
  border-radius: 15px;
  padding: 0 10px;
`
export const VCode = styled.img`
  width: 70px;
  height: inherit;
  max-height: 37px;
  float: right;
  //border-radius: 15px;
  cursor: pointer;
`
export const VCodeInput = styled.input.attrs({
    placeholder: '验证码'
})`
  ::-webkit-input-placeholder {
    color: #999;
    font-size: 10px;
  }

  width: 100px;
  float: left;
  height: 36px;
  border: none;
  outline: none;
  line-height: 38px;
  border-radius: 15px;
`

export const VCodeContainer4Page = styled.div`
  width: 170px;
  height: inherit;
  max-height: 38px;
  border-bottom: 1px solid #888;
  float: right;
  margin-right: 25px;
`
export const VCode2 = styled.img`
  width: 70px;
  height: inherit;
  max-height: 37px;
  float: right;
`
export const VCodeInput2 = styled.input.attrs({
    placeholder: '验证码'
})`
  width: 100px;
  float: left;
  height: 37px;
  border: none;
  outline: none;
  line-height: 38px;
`

